@class-prefix-image: ~'bbt-react-header';

.@{class-prefix-image}{
    &-fix{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 1;
        background: transparent;
    }
    &-fix::after {
        z-index: -1;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #FFFFFF;
        background-size: 100vw 100%;
        background-position: top left;
        background-repeat: no-repeat;
        background: var(--bbt-header-background);
        opacity: var(--bbt-header-opacity);
    }
    &-block{
        position: static;
        background: transparent;
    }
}

